@import './part/base';
@import './part/function';
@import './part/mixin';
@import './part/nav';



body{
  padding-bottom: 100px;
}
ul,li{
  list-style: none;
}
.tab_team{
  margin-top: 80px;
  ul.tab_wrap{
    padding: 0;
    li{
      padding: 12px 20px;
      float: left;
      background-color: #fff;
      border-radius: 10px;
      margin-right: 40px;
      cursor: pointer;
      a{
        display: block;
        width: 100%;
        height: 100%;
      }
      .tab_img{
        width: 18px;
        height: 18px;
        margin-right: 15px;
      }
      .img_1{
        background: url("../images/iconAddmechanism.png") no-repeat;
        background-size: cover;
      }
      .img_2{
        background: url("../images/iconAddmechanism.png") no-repeat;
        background-size: cover;
      }
      .img_3{
        background: url("../images/iconAddmechanism.png") no-repeat;
        background-size: cover;
      }
      .img_4{
        background: url("../images/iconAddmechanism.png") no-repeat;
        background-size: cover;
      }
      p{
        font-size: 14px;
        color: #FE7A3D;
        padding: 0;
        margin: 0;
      }
    }
    li.tab_choose{
      background: -webkit-linear-gradient(90deg, #FE763A, #FFAE6C); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(90deg, #FE763A, #FFAE6C); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(90deg, #FE763A, #FFAE6C); /* Firefox 3.6 - 15 */
      background: linear-gradient(90deg, #FE763A, #FFAE6C); /* 标准的语法 */
    }
    li.tab_choose .img_1{
      background: url("../images/iconAccountnumber.png") no-repeat;
      background-size: cover;
    }
    li.tab_choose .img_2{
      background: url("../images/iconAccountnumber.png") no-repeat;
      background-size: cover;
    }
    li.tab_choose .img_3{
      background: url("../images/iconAccountnumber.png") no-repeat;
      background-size: cover;
    }
    li.tab_choose .img_4{
      background: url("../images/iconAccountnumber.png") no-repeat;
      background-size: cover;
    }
    li.tab_choose p{
      color: #fff !important;
    }
  }
}


.list_main{
  padding: 20px;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 10px;
}
.list_main_title{
  margin-bottom: 20px;
  font-size: 14px;
  h1.list_title{
    font-size: 22px;
    color: $main-color;
  }
  .about_time{
    position: relative;
    top: 16px;
    .time_heng{
      display: inline-block;
      font-size: 14px;
      padding: 0 15px;
      line-height: 35px;
    }
    .time_group{
      position: relative;
      width: 130px;
      .time_icon{
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -9px;
      }
    }
  }
  .choose_time{
    position: relative;
    top: 16px;
    margin-left: 30px;
    p{
      display: inline-block;
      margin-top: 6px;
    }
    .time_list{
      padding: 6px 12px;
      color: $main-color;
      cursor: pointer;
      border-radius: 20px;
    }
    .time_choose{
      color: #fff !important;
      background: -webkit-linear-gradient(90deg, #FE763A, #FFAE6C); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(90deg, #FE763A, #FFAE6C); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(90deg, #FE763A, #FFAE6C); /* Firefox 3.6 - 15 */
      background: linear-gradient(90deg, #FE763A, #FFAE6C); /* 标准的语法 */
    }
  }
}

// 数据展示
.show_all{
  display: block;
  width: 100%;
  margin: 0 auto;
  .list_one{
    display: block;
    width: 100%;
    border-top: 1px solid #E4E7EA;
    .list_wrap{
      position: relative;
      display: block;
      width: 20%;
      height: 100px;
      margin: 20px 2.5%;
      padding: 20px 2.5%;
      border-right: 1px solid #E4E7EA;
      .list_bg{
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: block;
        width: 42px;
        height: 40px;
      }
      .bg_addServer{
        background: url("../images/iconAddserviceprovider.png") no-repeat;
        background-size: cover;
      }
      .bg_addMechanism{
        background: url("../images/iconAddmechanism.png") no-repeat;
        background-size: cover;
      }
      .bg_addTeacherNum{
        background: url("../images/iconAddteacher.png") no-repeat;
        background-size: cover;
      }
      .bg_addStudentNum{
        background: url("../images/iconAddstudent.png") no-repeat;
        background-size: cover;
      }
      .bg_sign{
        background: url("../images/iconSigningfee.png") no-repeat;
        background-size: cover;
      }
      .bg_purchaseAmount{
        background: url("../images/iconPurchase.png") no-repeat;
        background-size: cover;
      }
      .bg_serverBonus{
        background: url("../images/iconSign.png") no-repeat;
        background-size: cover;
      }
      .bg_serverCommission{
        background: url("../images/iconServiceproviderpurchase.png") no-repeat;
        background-size: cover;
      }
      .list_txt{
        text-align: right;
        .text_title{
          font-size: 24px;
          color: $main-color;
        }
        .text_centent{
          font-size: 16px;
          color: $sec-color;
        }
      }
    }
    .list_wrap:last-child{
      border-right: none;
    }
  }
  .list_two_wrap{
    display: block;
    width: 100%;
    border-top: 1px solid #E4E7EA;
    .list_two{
      position: relative;
      display: block;
      width: 45%;
      height: 100px;
      margin: 20px 2.5%;
      padding: 20px;
      border-radius: 5px;
      border-right: 1px solid #E4E7EA;
      .list_bg{
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: block;
        width: 42px;
        height: 42px;
      }
      .bg_larg_left{
        background: url("../images/iconGrossincome.png") no-repeat;
        background-size: cover;
      }
      .bg_larg_right{
        background: url("../images/iconWhat.png") no-repeat;
        background-size: cover;
      }
      .list_txt{
        text-align: right;
        .text_title{
          font-size: 26px;
        }
        .text_centent{
          color: $sec-color;
        }
      }
    }
    .list_two:last-child{
      border-right: none;
    }
  }
}

//

.list_main{
  .add_server{
    width: 117px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: -webkit-linear-gradient(90deg, #FE763A, #FFAE6C); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #FE763A, #FFAE6C); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #FE763A, #FFAE6C); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #FE763A, #FFAE6C); /* 标准的语法 */
    border-radius: 100px;
  }
  .position{
    margin-right: 20px;
  }
  .choose_select{
    margin-left: 20px;
  }
  .list_neirong{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E4E7EA;
    .neirong_left{
      position: relative;
      height: 170px;
      border-right: 1px solid rgba(0,0,0,.1);
      &>img{
        position: absolute;
        left: 55px;
        bottom: 40px;
        width: 56px;
        height: 56px;
      }
      .neirong_text{
        position: absolute;
        right: 10px;
        top: 50%;
        width: 200px;
        text-align: center;
        margin-top: -40px;
        .n_t_num{
          font-size: 40px;
          line-height: 56px;
          color: $main-color;
        }
        .n_t_tit{
          font-size: 16px;
          line-height: 22px;
          color: $sec-color;
        }
      }
    }
    .neirong_right{
      position: relative;
      .right_list{
        border-right: 1px solid rgba(0,0,0,.1);
        .right_img{
          position: absolute;
          left: 15px;
          bottom: 15px;
          width: 42px;
          height: 40px;
        }
        .neirong_text{
          text-align: right;
          .n_t_num{
            font-size: 24px;
            line-height: 33px;
            color: $main-color;
          }
          .n_t_tit{
            font-size: 16px;
            line-height: 22px;
            color: $sec-color;
          }
        }
      }
      .right_list:last-child{
        border-right: none;
      }
      &>.neirong_list:first-child{
        padding-bottom: 13px;
        border-bottom: 1px solid rgba(0,0,0,.1);
      }
      &>.neirong_list:last-child{
        padding-top: 12px;
      }
    }
  }
}

#goodsData{
  .goods_choose{
    border-bottom: 1px solid rgba(0,0,0,.1);
    select{
      height: 30px !important;
      line-height: 30px !important;
      font-size: 12px;
    }
    .server_check {
      @at-root .time_heng {
        line-height: 30px;
        padding: 0 10px;
      }
      @at-root .time_group {
        position: relative;
        width: 100px;
        .time_icon {
          position: absolute;
          right: 7px;
          top: 50%;
          margin-top: -10px;
        }

        .form-control {
          height: 30px !important;
          padding: 5px 10px !important;
          background-color: #fff;
        }
      }
      @at-root .choose_time {
        margin-left: 30px;
        p {
          display: inline-block;
          margin-top: 6px;
          font-size: 12px;
        }

        .time_list {
          padding: 6px 12px;
          color: $main-color;
          cursor: pointer;
          border-radius: 20px;
          font-size: 12px;
        }

        .time_choose {
          color: #fff !important;
          background: -webkit-linear-gradient(90deg, #FE763A, #FFAE6C); /* Safari 5.1 - 6.0 */
          background: -o-linear-gradient(90deg, #FE763A, #FFAE6C); /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(90deg, #FE763A, #FFAE6C); /* Firefox 3.6 - 15 */
          background: linear-gradient(90deg, #FE763A, #FFAE6C); /* 标准的语法 */
        }
      }
    }

    .choose_select{
      margin-left: 15px !important;
    }

  }
  .goods_list{
    padding: 50px 0 0;
      .goods_detail{
        border-right: 1px solid rgba(0,0,0,.1);
        .list_num{
          font-size: 28px;
          line-height: 40px;
          color: $choose-color;
        }
        .list_tit{
          font-size: 16px;
          line-height: 22px;
          color: $sec-color;
        }
      }
      .goods_detail:last-child{
        border-right: none;
      }

  }
}

#appData{
  .goods_choose{
    //border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px;
    select{
      height: 30px;
      line-height:30px;
      font-size: 12px;
    }
    .search_txt{
      input{
        height: 30px !important;
        line-height: 30px !important;
        font-size: 12px !important;
        color: $main-color;
      }
      span{
        .btn{
          height: 30px !important;
          font-size: 12px !important;
          color: $main-color;
        }
      }
    }
  }
  .app_list{
    padding: 30px 0;
    border-top: 1px solid rgba(0,0,0,.1);
    .col-md-13{
      display: block;
      width: 20%;
      float: left;
    }
    &>div{
      border-right: 1px solid rgba(0,0,0,.1);
      .app_num{
        font-size: 28px;
        line-height: 40px;
        color: $choose-color;
      }
      .app_tit{
        font-size: 16px;
        line-height: 22px;
        color: $sec-color;
      }
    }
    &>div:last-child{
      border-right: none;
    }
  }
  .student_data{
    h1{
      display: block;
      font-size: 18px;
      line-height: 25px;
      color: $main-color;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .goods_list{
      padding: 20px 0 30px;
      .goods_detail{
        border-right: 1px solid rgba(0,0,0,.1);
        .list_num{
          font-size: 28px;
          line-height: 40px;
          color: $choose-color;
        }
        .list_tit{
          font-size: 16px;
          line-height: 22px;
          color: $sec-color;
        }
      }
      .goods_detail:last-child{
        border-right: none;
      }

    }
  }
}




// 这是时间 列表的
.datetimepicker{
  position: absolute;
  top: 175px !important;
  margin: 64px 0 0 -115px !important;
}
.time_group{
  input{
    background-color: #E4E7EA !important;
  }
}